<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2018/6/12
  Time: 11:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>welcome</title>
</head>

<!-- Skitter Styles -->
<link href="${pageContext.request.contextPath}/css/welcome/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/welcome/headbottom.css" type="text/css" media="all" rel="stylesheet" />

<!-- Skitter JS -->
<script type="text/javascript" language="javascript" src="${pageContext.request.contextPath}/js/welcome/jquery-1.6.3.min.js"></script>
<script type="text/javascript" language="javascript" src="${pageContext.request.contextPath}/js/welcome/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="${pageContext.request.contextPath}/js/welcome/jquery.skitter.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('.box_skitter_large').skitter({
            theme: 'clean',
            numbers_align: 'center',
            progressbar: true,
            dots: true,
            preview: true,
        });
    });
</script>

<body>
<div class="title_top">
    <div class="title_top_center">
        <div class="logo"></div>
        <div class="title_top_center_right">
            <p>智能招聘欢迎您：</p>
            <span>注册</span>
            <span>登陆</span>
        </div>
    </div>
</div>
<div class="wc">
    <div class="box_skitter box_skitter_large">
        <ul>
            <li>
                <img src="${pageContext.request.contextPath}/images/welcome/banner4.jpg" class="cube" />
                <div class="label_text" >
                    <a href="HR.html">
                        <div class="content" id="content_link1">
                            <p class="content_title s4"><!--HR伙伴们--></p>
                            <div class="content_hurt s4">
                                <!--<p class="content _hurt_left">还在为</p>
                                <p class="content_hurt_right spacing">招聘效率太低</p>
                                <p class="content_hurt_left">而烦恼吗？</p>-->
                                <p class="content_hurt_left">还在为</p>
                             <p class="content_hurt_right spacing">招聘效率太低</p>
                             <p class="content_hurt_left">而烦恼吗？</p>-
                            </div>
                            <p class="content_little_hurt s4">我们深知您的痛苦，在这里有更节省精力、节省成本的招聘方式！！！</p>
                            <p class="content_help"></p>
                        </div>
                    </a>
                </div>
            </li>

            <li>
                <img src="${pageContext.request.contextPath}/images/welcome/banner3.jpg" class="cubeRandom" />
                <div class="label_text">
                    <a href="boss.html">
                        <div class="content" id="content_link2">
                            <p class="content_title s3"><!--建筑业老板们--></p>
                            <div class="content_hurt s3">
                                <!--<p class="content_hurt_left">还在为</p>
                                <p class="content_hurt_right">招不到优秀的人才</p>
                                <p class="content_hurt_left">而焦虑吗？</p>-->
                            </div>
                            <p class="content_little_hurt s3">我们深知您的痛苦，在这里有更多的优秀人才供您选择！！！</p>
                            <p class="content_help"><!--立即获取帮助--></p>
                        </div>
                    </a>
                </div>
            </li>

            <li>
                <img src="${pageContext.request.contextPath}/images/welcome/banner2.jpg" class="block" />
                <div class="label_text">
                    <a href="people.html">
                        <div class="content" id="content_link3">
                            <p class="content_title s2"><!--建筑业精英们--></p>
                            <div class="content_hurt s2">
                                <!--<p class="content_hurt_left">还在为</p>
                                <p class="content_hurt_right">自己的职业发展</p>
                                <p class="content_hurt_left">而迷茫吗？</p>-->
                            </div>
                            <p class="content_little_hurt s2">我们深知您的痛苦，在这里有更多机会等着您！！！</p>
                            <p class="content_help"><!--立即获取帮助--></p>
                        </div>
                    </a>
                </div>
            </li>

            <li>
                <img src="${pageContext.request.contextPath}/images/welcome/banner1.jpg" class="glassCube" />
                <div class="label_text">
                    <div class="content" id="content_link4">
                        <p class="content_title s1"><!--易建100--></p>
                        <div class="content_hurt s1">
                            <!--<p class="content_hurt_left spacing">我来为您</p>
                            <p class="content_hurt_right spacing">排忧解难</p>-->
                        </div>
                        <p class="content_little_hurt s1">我们深知您的痛苦，在这里让一切变得更高效、更简单！！！</p>
                        <p class="content_help"><!--立即获取帮助--></p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="zzc" style="background:#000">

    <dt style="margin-left:0;"></dt>
    <dt></dt>
    <dt></dt>
    <dt></dt>

</div>


<script>

    $(document).ready(function (){
        $("#image_n_1_0").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#image_n_2_0").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#image_n_3_0").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#image_n_4_0").click(function (){
            window.location.href = '#';
        });
    });

    $(document).ready(function (){
        $("#content_link1").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#content_link2").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#content_link3").click(function (){
            window.location.href = '#';
        });
    });
    $(document).ready(function (){
        $("#content_link4").click(function (){
            window.location.href = '#';
        });
    });


</script>
<script>
    $(document).ready(function(){
        $(".zzc dt").mouseover(function(){
            $(".zzc").hide();
        })
        $(".zzc dt").mouseout(function(){
            $(".zzc").hide();
        })

        $(".image_number").mouseout(function(){
            $(".zzc").show();
        })
        $(".image_number").mouseover(function(){
            $(".zzc").hide();
        })
    })
</script>
<div class="bottom">
    <div class="bottom_about_us">
        <a href="#">联系我们</a>
        <a href="#">关于我们</a>
    </div>
    <div class="bottom_bq">
        <p>Copyright©2012-2016</p>
        <a href="#">浙ICP备xxxxxxx号</a>
    </div>
</div>
</body>
</html>
